import styled from 'styled-components'

export const HeaderSearchAndUserWrapper = styled.div`
  display: flex;
  align-items: center;
  .search-input {
    margin-left: 80px;
    width: 158px;
    height: 32px;
    border-radius: 32px;
    font-size: 12px;
  }
  .button {
    margin-left: 15px;
    width: 90px;
    height: 32px;
    border: 1px solid #4f4f4f;
    border-radius: 18px;
    line-height: 32px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    &:hover {
      border: 1px solid #cccccc;
    }
  }
  .login {
    margin-left: 20px;
    color: #787878;
    font-size: 12px;
    cursor: pointer;
    &:hover {
      text-decoration: underline;
    }
  }
`

// 搜索Icon
export const SearchIcon = styled.div`
  width: 15px;
  height: 15px;
  background: url(${require('@/assets/img/topbar.png')});
  background-position: -10px 108px;
`
